﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>Shimba Bootstrap 4 Admin Dashboard</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
    <meta content="Beethemesdesign" name="author" />

    <!-- favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.png">


    <!-- third party css -->
    <link href="assets/css/vendor/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
    <!-- third party css end -->

    <!-- Required css -->
    <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <link href="assets/css/style.css" rel="stylesheet" type="text/css" />


</head>

<body data-layout="topnav" class="boxed-layout">

    <!-- Begin page -->
    <div class="wrapper">

        <!-- ============================================================== -->
        <!-- Start Page Content here -->
        <!-- ============================================================== -->

        <div class="content-page">
            <div class="content">

                <!-- ============================================================= -->
                <!-- ===============    side menu content start  ================= -->
                <!-- ============================================================= -->
                <div class="navbar-custom topnav-navbar">
                    <div class="container-fluid">

                        <!-------------------------------------->
                        <!-- Put your logo hear in img tag -->
                        <a href="index.html" class="topnav-logo">
                            <span class="topnav-logo-lg">
                                <img src="assets/images/logo-dark.png" alt="">
                            </span>
                            <span class="topnav-logo-sm">
                                <img src="assets/images/logo_sm.png" alt="">
                            </span>
                        </a>
                        <!-- Logo content end -->
                        <!-------------------------------------->
                        <!-------------------------------------->
                        <!-- Right header content start -->
                        <ul class="list-unstyled topbar-right-menu float-right mb-0">
                            <li class="dropdown notification-list topbar-dropdown">
                                <a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                    <i class="feather icon-mail noti-icon"></i>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated topbar-dropdown-menu">
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-map-pin text-muted"></i> &nbsp; Loction</a>
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-upload-cloud text-muted"></i> &nbsp; Upload File</a>
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-activity text-muted"></i> &nbsp; Report</a>
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-life-buoy text-muted"></i> &nbsp; Support</a>
                                    <div class="dropdown-divider"></div>
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-github text-muted"></i> &nbsp; Github</a>
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-slack text-muted"></i> &nbsp; Slack</a>
                                </div>
                            </li>
                            <li class="dropdown notification-list">
                                <a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                    <i class="feather icon-bell noti-icon"></i>
                                    <span class="noti-icon-badge"></span>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated dropdown-lg">
                                    <div class="dropdown-item noti-title">
                                        <h5 class="m-0">
                                            <span class="float-right">
                                                <a href="javascript: void(0);" class="text-dark">
                                                    <small>Clear All</small>
                                                </a>
                                            </span>Notification <span class="badge badge-danger badge-pill">5 new</span>
                                        </h5>
                                    </div>
                                    <div class="slimscroll" style="max-height: 230px;">
                                        <!-- item-->
                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                                            <div class="notify-icon bg-primary">
                                                <i class="mdi mdi-comment-account-outline"></i>
                                            </div>
                                            <p class="notify-details">Caleb Flakelar commented on Admin
                                                <small class="text-muted">1 min ago</small>
                                            </p>
                                        </a>

                                        <!-- item-->
                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                                            <div class="notify-icon bg-info">
                                                <i class="mdi mdi-account-plus"></i>
                                            </div>
                                            <p class="notify-details">New user registered.
                                                <small class="text-muted">5 hours ago</small>
                                            </p>
                                        </a>

                                        <!-- item-->
                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                                            <div class="notify-icon">
                                                <img src="assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="" /> </div>
                                            <p class="notify-details">Cristina Pride</p>
                                            <p class="text-muted mb-0 user-msg">
                                                <small>Hi, How are you? What about our next meeting</small>
                                            </p>
                                        </a>

                                        <!-- item-->
                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                                            <div class="notify-icon bg-primary">
                                                <i class="mdi mdi-comment-account-outline"></i>
                                            </div>
                                            <p class="notify-details">Caleb Flakelar commented on Admin
                                                <small class="text-muted">4 days ago</small>
                                            </p>
                                        </a>

                                        <!-- item-->
                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                                            <div class="notify-icon">
                                                <img src="assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="" /> </div>
                                            <p class="notify-details">Karen Robinson</p>
                                            <p class="text-muted mb-0 user-msg">
                                                <small>Wow ! this admin looks good and awesome design</small>
                                            </p>
                                        </a>

                                        <!-- item-->
                                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                                            <div class="notify-icon bg-info">
                                                <i class="mdi mdi-heart"></i>
                                            </div>
                                            <p class="notify-details">Carlos Crouch liked
                                                <b>Admin</b>
                                                <small class="text-muted">13 days ago</small>
                                            </p>
                                        </a>
                                    </div>
                                    <a href="javascript:void(0);" class="dropdown-item text-center text-primary notify-item notify-all">
                                        View All
                                    </a>
                                </div>
                            </li>
                            <li class="dropdown notification-list">
                                <a class="nav-link dropdown-toggle nav-user arrow-none mx-0" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                    <span class="account-user-avatar">
                                        <img src="assets/images/users/avatar-1.jpg" alt="user-image" class="rounded-circle">
                                    </span>
                                    <span>
                                        <span class="account-user-name">Rang Avdhut</span>
                                    </span>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated topbar-dropdown-menu profile-dropdown">
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-user text-muted"></i> &nbsp; My profile</a>
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-mail text-muted"></i> &nbsp; Messages</a>
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-settings text-muted"></i> &nbsp; settings</a>
                                    <div class="dropdown-divider"></div>
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-power text-danger"></i> &nbsp; Log Out</a>
                                </div>
                            </li>
                        </ul>
                        <!-- Right header content end -->
                        <!-------------------------------------->

                        <a class="navbar-toggle" data-toggle="collapse" data-target="#topnav-menu-content">
                            <i class="feather icon-menu"></i>
                        </a>
                        <div class="header-search">
                            <form>
                                <div class="input-group">
                                    <span class="feather icon-search"></span>
                                    <input type="text" class="form-control" placeholder="Search...">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="topnav">
                    <div class="container-fluid">
                        <nav class="navbar navbar-dark navbar-expand-lg topnav-menu">
                            <div class="collapse navbar-collapse" id="topnav-menu-content">
                                <!-------------------------------------->
                                <!-- Menu link start -->
                                <ul class="navbar-nav">
                                    <li class="nav-item dropdown">
                                        <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-pages" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="feather icon-home mr-1"></i>Navigation <div class="arrow-down"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-pages">
                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-auth" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Dashboards <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-auth">
                                                    <a class="dropdown-item" href="index.html">Default</a>
                                                    <a class="dropdown-item" href="dashboard-project.html">Project</a>
                                                    <a class="dropdown-item" href="dashboard-sales.html">Sales</a>
                                                </div>
                                            </div>
                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-error" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Widgets <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-error">
                                                    <a class="dropdown-item" href="widgets-simple.html">Statistics</a>
                                                    <a class="dropdown-item" href="widgets-data.html">Data</a>
                                                    <a class="dropdown-item" href="widgets-chart.html">Chart</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="nav-item dropdown">
                                        <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-pages" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="feather icon-layers mr-1"></i>UI Components <div class="arrow-down"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-pages">
                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-auth" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    UI Kit <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-auth">
                                                    <a href="ui-alert.html" class="dropdown-item">Alert</a>
                                                    <a href="ui-badge.html" class="dropdown-item">Badge</a>
                                                    <a href="ui-buttons.html" class="dropdown-item">Buttons</a>
                                                    <a href="ui-cards.html" class="dropdown-item">Cards</a>
                                                    <a href="ui-collapse.html" class="dropdown-item">Collapsed</a>
                                                    <a href="ui-dropdown.html" class="dropdown-item">Dropdown</a>
                                                    <a href="ui-modals.html" class="dropdown-item">Modals</a>
                                                    <a href="http://bvmthemes.com/themes/shimba/live/ui-pagination-breadcumb.html" class="dropdown-item">Pagination & Breadcumb</a>
                                                    <a href="ui-progress.html" class="dropdown-item">Progress</a>
                                                    <a href="ui-spinners.html" class="dropdown-item">Spinners</a>
                                                    <a href="ui-tabs.html" class="dropdown-item">Tabs</a>
                                                    <a href="ui-toast.html" class="dropdown-item">Toast</a>
                                                    <a href="ui-tooltip-popover.html" class="dropdown-item">Tooltip & Popover</a>
                                                    <a href="ui-typography.html" class="dropdown-item">Typography</a>
                                                </div>
                                            </div>
                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-error" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Advance UI Kit <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-error">
                                                    <a href="aui-alerts.html" class="dropdown-item">Alert</a>
                                                    <a href="aui-calendar.html" class="dropdown-item">Calendar</a>
                                                    <a href="aui-dragula.html" class="dropdown-item">Dragula</a>
                                                </div>
                                            </div>
                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-error" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Forms <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-error">
                                                    <a href="form-elements.html" class="dropdown-item">Basic Elements</a>
                                                    <a href="form-advanced.html" class="dropdown-item">Form Advanced</a>
                                                    <a href="form-validation.html" class="dropdown-item">Validation</a>
                                                    <a href="form-wizard.html" class="dropdown-item">Wizard</a>
                                                    <a href="form-fileuploads.html" class="dropdown-item">File Uploads</a>
                                                    <a href="form-editors-summernote.html" class="dropdown-item">Summernote</a>
                                                    <a href="form-editors-simplemde.html" class="dropdown-item">Simplemde</a>
                                                </div>
                                            </div>
                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-error" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Icons <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-error">
                                                    <a href="icons-drip.html" class="dropdown-item">Drip</a>
                                                    <a href="icons-feather.html" class="dropdown-item">Feather</a>
                                                    <a href="icons-ion.html" class="dropdown-item">Ion</a>
                                                    <a href="icon-linear.html" class="dropdown-item">Linear</a>
                                                    <a href="icons-material.html" class="dropdown-item">Material</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>

                                    <li class="nav-item dropdown">
                                        <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-pages" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="feather icon-pie-chart mr-1"></i>Charts & Maps <div class="arrow-down"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-pages">
                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-auth" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Charts <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-auth">
                                                    <a href="charts-apex.html" class="dropdown-item">Apex</a>
                                                    <a href="charts-chartjs.html" class="dropdown-item">Chartjs</a>
                                                    <a href="charts-knob.html" class="dropdown-item">Knob</a>
                                                    <a href="charts-morris.html" class="dropdown-item">Morris</a>
                                                </div>
                                            </div>
                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-error" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Maps <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-error">
                                                    <a href="maps-google.html" class="dropdown-item">Google Maps</a>
                                                    <a href="maps-vector.html" class="dropdown-item">Vector Maps</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>

                                    <li class="nav-item dropdown">
                                        <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-layouts" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="feather icon-list mr-1"></i>Tables <div class="arrow-down"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-layouts">
                                            <a href="tables-basic.html" class="dropdown-item">Basic Tables</a>
                                            <a href="tables-datatable.html" class="dropdown-item">Data Tables</a>
                                        </div>
                                    </li>

                                    <li class="nav-item dropdown">
                                        <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-pages" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="feather icon-monitor mr-1"></i>Pages <div class="arrow-down"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-pages">
                                            <a href="pages-starter.html" class="dropdown-item">Sample Page</a>
                                            <a href="pages-profile.html" class="dropdown-item">User Profile</a>
                                            <a href="pages-invoice.html" class="dropdown-item">Invoice</a>
                                            <a href="pages-faq.html" class="dropdown-item">FAQ</a>

                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-auth" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Maintenance <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-auth">
                                                    <a href="pages-404.html" class="dropdown-item">Error 404</a>
                                                    <a href="pages-maintenance.html" class="dropdown-item">Maintenance</a>
                                                    <a href="pages-comming-soon.html" class="dropdown-item">Comming soon</a>
                                                </div>
                                            </div>
                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-error" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Authentication <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-error">
                                                    <a href="pages-login.html" class="dropdown-item">Login</a>
                                                    <a href="pages-login-img.html" class="dropdown-item">Login 2</a>
                                                    <a href="pages-register.html" class="dropdown-item">Register</a>
                                                    <a href="pages-register-img.html" class="dropdown-item">Register 2</a>
                                                    <a href="pages-logout.html" class="dropdown-item">Logout</a>
                                                    <a href="pages-logout-img.html" class="dropdown-item">Logout 2</a>
                                                    <a href="pages-recoverpw.html" class="dropdown-item">Recover Password</a>
                                                    <a href="pages-recoverpw-img.html" class="dropdown-item">Recover Password 2</a>
                                                    <a href="pages-lock-screen.html" class="dropdown-item">Lock Screen</a>
                                                    <a href="pages-lock-screen-img.html" class="dropdown-item">Lock Screen 2</a>
                                                    <a href="http://bvmthemes.com/themes/shimba/live/pages-confirm-mail.html" class="dropdown-item">Confirm Mail</a>
                                                    <a href="http://bvmthemes.com/themes/shimba/live/pages-confirm-mail-img.html" class="dropdown-item">Confirm Mail 2</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>

                                    <li class="nav-item dropdown">
                                        <a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-pages" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="feather icon-cpu mr-1"></i>Application <div class="arrow-down"></div>
                                        </a>
                                        <div class="dropdown-menu" aria-labelledby="topnav-pages">
                                            <a href="apps-tasks.html" class="dropdown-item">Tasks</a>

                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-auth" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Projects <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-auth">
                                                    <a href="apps-projects-list.html" class="dropdown-item">List</a>
                                                    <a href="apps-projects-details.html" class="dropdown-item">Details</a>
                                                </div>
                                            </div>
                                            <div class="dropdown">
                                                <a class="dropdown-item dropdown-toggle arrow-none" href="#" id="topnav-auth" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    Layouts <div class="arrow-down"></div>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="topnav-auth">
                                                    <a href="layouts-horizontal.html" class="dropdown-item">Horizontal</a>
                                                    <a href="layouts-light-sidenav.html" class="dropdown-item">Light Sidenav</a>
                                                    <a href="layouts-dark.html" class="dropdown-item">layouts dark</a>
                                                    <a href="layouts-collapsed.html" class="dropdown-item">Collapsed Sidenav</a>
                                                    <a href="layouts-boxed-vertical.html" class="dropdown-item">Boxed Vertical</a>
                                                    <a href="layouts-boxed-horizontal.html" class="dropdown-item">Boxed Horizontal</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <!-- Menu link end -->
                                <!-------------------------------------->
                            </div>
                        </nav>
                    </div>
                </div>
                <!-- ============================================================= -->
                <!-- ===============     side menu content End   ================= -->
                <!-- ============================================================= -->


                <!-- Start Content-->
                <div class="container-fluid">

                    <!-- start page title -->
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box">
                                <div class="page-title-right">
                                    <ol class="breadcrumb m-0">
                                        <li class="breadcrumb-item"><a href="javascript: void(0);"><i class="feather icon-home"></i></a></li>
                                        <li class="breadcrumb-item">Layouts</li>
                                        <li class="breadcrumb-item active">Box Horizontal Layouts</li>
                                    </ol>
                                </div>
                                <h4 class="page-title">Box Horizontal Layouts</h4>
                            </div>
                        </div>
                    </div>
                    <!-- end page title -->
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card overflow-hidden">
                                <div class="card-body">
                                    <div class="d-flex align-items-center">
                                        <h5 class="m-0">User visit</h5>
                                        <div class="card-header-elements ml-auto">
                                            <div class="btn-group dropdown">
                                                <button type="button" class="btn btn-sm btn-default icon-btn borderless btn-round md-btn-flat dropdown-toggle hide-arrow" data-toggle="dropdown"><i class="ion ion-ios-more"></i></button>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="javascript:" class="dropdown-item"><i class="feather icon-maximize text-muted"></i> &nbsp; Full Screen</a>
                                                    <a href="javascript:" class="dropdown-item"><i class="feather icon-refresh-cw text-muted"></i> &nbsp; Reload</a>
                                                    <a href="javascript:" class="dropdown-item"><i class="feather icon-trash text-muted"></i> &nbsp; Remove</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="d-lg-flex mb-1">
                                        <div class="mr-4">
                                            <h4 class="mb-1 text-primary">1.64k+</h4> Visits per Day
                                        </div>
                                        <div class="mr-4">
                                            <h4 class="mb-1 text-success">562.5k+</h4> Total Visitors
                                        </div>
                                    </div>
                                    <div id="visit-chart" class="w-100"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="card bg-primary text-white mb-4">
                                        <div class="card-body">
                                            <div class="d-flex align-items-center justify-content-between">
                                                <div class="mr-3 text-white">
                                                    <h2 class="m-0"><strong>255</strong></h2>
                                                    <p class="mb-0">New Orders</p>
                                                </div>
                                                <i class="feather icon-shopping-cart display-4"></i>
                                            </div>
                                        </div>
                                        <div class="card-footer bg-light py-2">
                                            <small class="mb-0"><i class="ion ion-ios-trending-up mr-2"></i>45% Increase</small>
                                            <small class="mb-0 float-right">more <i class="feather icon-chevron-right"></i></small>
                                        </div>
                                    </div>
                                    <div class="card overflow-hidden">
                                        <div class="card-body">
                                            <div class="d-flex flex-wrap justify-content-between">
                                                <h5 class="card-title">Detailed Reports</h5>
                                            </div>
                                            <div class="d-flex align-items-center">
                                                <h2 class="m-0">13,956</h2>
                                                <p class="text-danger ml-2 m-0">+2.21%</p>
                                            </div>
                                            <p class="text-muted m-0 text-small">Total users world wide</p>
                                        </div>
                                        <div id="del-reports"></div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="card ui-advance-card mt-4">
                                        <div class="card-body">
                                            <div class="bg-primary goto-top">
                                                <div class="card-body text-white pb-0">
                                                    <div id="static-chart-1"></div>
                                                </div>
                                            </div>
                                            <div class="d-flex align-items-center justify-content-between mt-3">
                                                <div class="">
                                                    <h3 class="m-0">45,965</h3>
                                                    <p class="text-muted mb-0">Users</p>
                                                </div>
                                                <i class="feather icon-users display-4 text-primary"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card bg-primary mb-4">
                                        <div class="card-body">
                                            <div class="d-flex align-items-center">
                                                <span class="ui-box-icon text-white"><i class="lnr lnr-users display-4"></i></span>
                                                <div class="ml-3 text-white">
                                                    <p class="mb-1">New Clients</p>
                                                    <h4 class="mb-0">450</h4>
                                                    <div class="progress progress-md bg-light mt-2 mb-1">
                                                        <div class="progress-bar bg-white" style="width: 45%"></div>
                                                    </div>
                                                    <small class="mb-0">45% Increase in 28 Days</small>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-xl-8 col-md-12">
                            <div class="card overflow-hidden">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <div id="world-map-markers" style="height: 330px"></div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="text-center">
                                                <h4 class="mt-0">Visitors Sessions</h4>
                                                <p>Sessions by Country</p>
                                                <div id="country-chart"></div>
                                            </div>
                                            <p class="m-0">Today's <span class="float-right"><i class="feather icon-arrow-up text-success"></i> 16.98%</span></p>
                                            <div class="progress progress-sm mt-1 mb-3">
                                                <div class="progress-bar bg-success" role="progressbar" style="width: 73%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                            </div>
                                            <p class="m-0">Yesterday's <span class="float-right"><i class="feather icon-arrow-down text-danger"></i> 12.48%</span></p>
                                            <div class="progress progress-sm mt-1 mb-0">
                                                <div class="progress-bar bg-danger" role="progressbar" style="width: 62%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-md-12">
                            <div class="card ui-feed">
                                <div class="card-body">
                                    <div class="dropdown float-right">
                                        <a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
                                            <i class="mdi mdi-dots-vertical"></i>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-right">
                                            <a href="javascript:void(0);" class="dropdown-item"><i class="feather icon-maximize text-muted"></i> &nbsp; Full Screen</a>
                                            <a href="javascript:void(0);" class="dropdown-item"><i class="feather icon-refresh-cw text-muted"></i> &nbsp; Reload</a>
                                            <a href="javascript:void(0);" class="dropdown-item"><i class="feather icon-trash text-muted"></i> &nbsp; Remove</a>
                                        </div>
                                    </div>
                                    <h5 class="header-title mb-0">Feeds</h5>
                                </div>
                                <div class="slimscroll" style="max-height: 310px;">
                                    <div class="card-body pt-0">
                                        <div class="row mb-3 align-items-center">
                                            <div class="col-auto pr-0">
                                                <i class="feather icon-bell badge-warning-lighten feed-icon"></i>
                                            </div>
                                            <div class="col">
                                                <a href="#!" class="text-body">
                                                    <h5>You have 3 pending tasks.</h5>
                                                    <small class="text-muted"><i class="icon feather icon-clock mr-2"></i>Just Now</small>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="row mb-3 align-items-center">
                                            <div class="col-auto pr-0">
                                                <i class="feather icon-shopping-cart badge-primary-lighten feed-icon"></i>
                                            </div>
                                            <div class="col">
                                                <a href="#!" class="text-body">
                                                    <h5>New order received</h5>
                                                    <small class="text-muted"><i class="icon feather icon-clock mr-2"></i>30 min ago</small>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="row mb-3 align-items-center">
                                            <div class="col-auto pr-0">
                                                <i class="feather icon-file-text badge-danger-lighten feed-icon"></i>
                                            </div>
                                            <div class="col">
                                                <a href="#!" class="text-body">
                                                    <h5>You have 3 pending tasks.</h5>
                                                    <small class="text-muted"><i class="icon feather icon-clock mr-2"></i>38 min ago</small>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="row mb-3 align-items-center">
                                            <div class="col-auto pr-0">
                                                <i class="feather icon-bell badge-success-lighten feed-icon"></i>
                                            </div>
                                            <div class="col">
                                                <a href="#!" class="text-body">
                                                    <h5>You have 4 tasks Done.</h5>
                                                    <small class="text-muted"><i class="icon feather icon-clock mr-2"></i>1 hours ago</small>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="row mb-3 align-items-center">
                                            <div class="col-auto pr-0">
                                                <i class="feather icon-file-text badge-info-lighten feed-icon"></i>
                                            </div>
                                            <div class="col">
                                                <a href="#!" class="text-body">
                                                    <h5>You have 2 pending tasks.</h5>
                                                    <small class="text-muted"><i class="icon feather icon-clock mr-2"></i>2 hours ago</small>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="row mb-3 align-items-center">
                                            <div class="col-auto pr-0">
                                                <i class="feather icon-shopping-cart badge-warning-lighten feed-icon"></i>
                                            </div>
                                            <div class="col">
                                                <a href="#!" class="text-body">
                                                    <h5>New order received</h5>
                                                    <small class="text-muted"><i class="icon feather icon-clock mr-2"></i>4 hours ago</small>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="row mb-3 align-items-center">
                                            <div class="col-auto pr-0">
                                                <i class="feather icon-shopping-cart badge-success-lighten feed-icon"></i>
                                            </div>
                                            <div class="col">
                                                <a href="#!" class="text-body">
                                                    <h5>Order Delivery Done</h5>
                                                    <small class="text-muted"><i class="icon feather icon-clock mr-2"></i>4.5 hours ago</small>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="row mb-3 align-items-center">
                                            <div class="col-auto pr-0">
                                                <i class="feather icon-file-text badge-danger-lighten feed-icon"></i>
                                            </div>
                                            <div class="col">
                                                <a href="#!" class="text-body">
                                                    <h5>You have 5 pending tasks.</h5>
                                                    <small class="text-muted"><i class="icon feather icon-clock mr-2"></i>1 day ago</small>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="row m-b-0 align-items-center">
                                            <div class="col-auto pr-0">
                                                <i class="feather icon-bell badge-success-lighten feed-icon"></i>
                                            </div>
                                            <div class="col">
                                                <a href="#!" class="text-body">
                                                    <h5>You have 4 tasks Done.</h5>
                                                    <small class="text-muted"><i class="icon feather icon-clock mr-2"></i>2 day ago</small>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-md-12">
                            <div class="card ui-activity-card">
                                <div class="card-body">
                                    <div class="btn-group dropdown float-right">
                                        <button type="button" class="btn btn-sm btn-default icon-btn borderless btn-round md-btn-flat dropdown-toggle hide-arrow" data-toggle="dropdown"><i class="ion ion-ios-more"></i></button>
                                        <div class="dropdown-menu dropdown-menu-right">
                                            <a href="javascript:" class="dropdown-item"><i class="feather icon-maximize text-muted"></i> &nbsp; Full Screen</a>
                                            <a href="javascript:" class="dropdown-item"><i class="feather icon-refresh-cw text-muted"></i> &nbsp; Reload</a>
                                            <a href="javascript:" class="dropdown-item"><i class="feather icon-trash text-muted"></i> &nbsp; Remove</a>
                                        </div>
                                    </div>
                                    <h5 class="mt-0 mb-3">Latest Activity</h5>
                                    <div class="slimscroll pt-1" style="max-height: 305px;">
                                        <div class="ui-activity-list">
                                            <div class="row py-3">
                                                <div class="col-auto text-right update-meta">
                                                    <i class="bg-success update-icon ring"></i>
                                                </div>
                                                <div class="col pl-2">
                                                    <h5 class="m-0">Devlopment</h5>
                                                    <p class="mb-0">Lorem ipsum dolor sit amet, <a href="#!" class="text-c-green"> More</a></p>
                                                </div>
                                            </div>
                                            <div class="row pb-3">
                                                <div class="col-auto text-right update-meta">
                                                    <i class="bg-warning update-icon ring"></i>
                                                </div>
                                                <div class="col pl-2">
                                                    <h5 class="m-0">Showcases</h5>
                                                    <p class="mb-0">Lorem dolor sit amet, <a href="#!" class="text-c-blue"> More</a></p>
                                                </div>
                                            </div>
                                            <div class="row pb-3">
                                                <div class="col-auto text-right update-meta">
                                                    <i class="bg-primary update-icon ring"></i>
                                                </div>
                                                <div class="col pl-2">
                                                    <h5 class="m-0">Devlopment & Update</h5>
                                                    <p class="mb-0">Lorem ipsum dolor sit amet, <a href="#!" class="text-c-blue"> More</a></p>
                                                </div>
                                            </div>
                                            <div class="row pb-3">
                                                <div class="col-auto text-right update-meta">
                                                    <i class="bg-success update-icon ring"></i>
                                                </div>
                                                <div class="col pl-2">
                                                    <h5 class="m-0">Showcases</h5>
                                                    <p class="mb-0">Lorem dolor sit amet, <a href="#!" class="text-c-blue"> More</a></p>
                                                </div>
                                            </div>
                                            <div class="row pb-3">
                                                <div class="col-auto text-right update-meta">
                                                    <i class="bg-danger update-icon ring"></i>
                                                </div>
                                                <div class="col pl-2">
                                                    <h5 class="m-0">Testimonial</h5>
                                                    <p class="mb-0">Lorem ipsum dolor sit ipsum <a href="#!" class="text-c-green"> More</a></p>
                                                </div>
                                            </div>
                                            <div class="row pb-3">
                                                <div class="col-auto text-right update-meta">
                                                    <i class="bg-warning update-icon ring"></i>
                                                </div>
                                                <div class="col pl-2">
                                                    <h5 class="m-0">Testing</h5>
                                                    <p class="mb-0">Lorem dolor sit amet, <a href="#!" class="text-c-blue"> More</a></p>
                                                </div>
                                            </div>
                                            <div class="row pb-3">
                                                <div class="col-auto text-right update-meta">
                                                    <i class="bg-primary update-icon ring"></i>
                                                </div>
                                                <div class="col pl-2">
                                                    <h5 class="m-0">Miscellaneous</h5>
                                                    <p class="mb-0">Lorem ipsum dolor sit ipsum <a href="#!" class="text-c-green"> More</a></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex flex-wrap justify-content-between">
                                        <h5 class="card-title">Statitics</h5>
                                    </div>
                                    <h2 class="text-dark">87659</h2>
                                    <p class="font-weight-light text-muted mb-2 text-small">Last 6 months sales</p>
                                    <div id="barChartStacked"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-8 col-md-12">
                            <div class="card sale-card">
                                <div class="card-header">
                                    <h5>Orders Overview</h5>
                                </div>
                                <div class="card-body p-0">
                                    <div class="table-responsive-md">
                                        <table class="table table-hover mb-0">
                                            <thead class="thead-light">
                                                <tr>
                                                    <th>Company</th>
                                                    <th>Owner</th>
                                                    <th>Target</th>
                                                    <th>Status</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <div>
                                                            <a data-toggle="tooltip" href="#" class="btn btn-facebook text-white btn-icon" title="Facebook">
                                                                <i class="mdi mdi-facebook"></i>
                                                            </a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <div class="media align-items-center more-user-details">
                                                                <img src="assets/images/users/avatar-4.jpg" class=" rounded-circle ui-w-50 mr-3" alt="Avtar image">
                                                                <div class="media-body">
                                                                    <h4 class="mt-0 mb-1">Jacob Doe</h4>
                                                                    <p class="mb-0">Jacob_Doe@example.com</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <span>33%</span>
                                                            <div class="progress mt-1">
                                                                <div class="progress-bar bg-success" role="progressbar" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 33%;"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <span class="badge badge-warning">Pending</span>
                                                    </td>
                                                    <td>
                                                        <a href="#!" class="btn btn-icon btn-primary mr-1" data-toggle="tooltip" title="Edit"><i class="feather icon-edit-2"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-success mr-1" data-toggle="tooltip" title="Check"><i class="feather icon-check-square"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-danger mr-1" data-toggle="tooltip" title="Delete"><i class="feather icon-trash-2"></i></a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div>
                                                            <a data-toggle="tooltip" href="#" class="btn btn-twitter btn-icon text-white" title="Twitter">
                                                                <i class="mdi mdi-twitter"></i>
                                                            </a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <div class="media align-items-center more-user-details">
                                                                <img src="assets/images/users/avatar-1.jpg" class=" rounded-circle ui-w-50 mr-3" alt="Avtar image">
                                                                <div class="media-body">
                                                                    <h4 class="mt-0 mb-1">Mandy Erle</h4>
                                                                    <p class="mb-0">Mandy@example.com</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <span>56%</span>
                                                            <div class="progress mt-1">
                                                                <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="56" aria-valuemin="0" aria-valuemax="100" style="width: 56%;"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <span class="badge badge-success">Success</span>
                                                    </td>
                                                    <td>
                                                        <a href="#!" class="btn btn-icon btn-primary mr-1" data-toggle="tooltip" title="Edit"><i class="feather icon-edit-2"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-success mr-1" data-toggle="tooltip" title="Check"><i class="feather icon-check-square"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-danger mr-1" data-toggle="tooltip" title="Delete"><i class="feather icon-trash-2"></i></a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div>
                                                            <a data-toggle="tooltip" href="#" class="btn btn-dribbble btn-icon text-white" title="Dribbble">
                                                                <i class="mdi mdi-dribbble"></i>
                                                            </a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <div class="media align-items-center more-user-details">
                                                                <img src="assets/images/users/avatar-4.jpg" class=" rounded-circle ui-w-50 mr-3" alt="Avtar image">
                                                                <div class="media-body">
                                                                    <h4 class="mt-0 mb-1">Adella Galen</h4>
                                                                    <p class="mb-0">Adella@example.com</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <span>12%</span>
                                                            <div class="progress mt-1">
                                                                <div class="progress-bar bg-info" role="progressbar" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100" style="width: 12%;"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <span class="badge badge-primary">In progress</span>
                                                    </td>
                                                    <td>
                                                        <a href="#!" class="btn btn-icon btn-primary mr-1" data-toggle="tooltip" title="Edit"><i class="feather icon-edit-2"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-success mr-1" data-toggle="tooltip" title="Check"><i class="feather icon-check-square"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-danger mr-1" data-toggle="tooltip" title="Delete"><i class="feather icon-trash-2"></i></a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div>
                                                            <a data-toggle="tooltip" href="#" class="btn btn-pinterest btn-icon text-white" title="Pinterest">
                                                                <i class="mdi mdi-pinterest"></i>
                                                            </a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <div class="media align-items-center more-user-details">
                                                                <img src="assets/images/users/avatar-2.jpg" class=" rounded-circle ui-w-50 mr-3" alt="Avtar image">
                                                                <div class="media-body">
                                                                    <h4 class="mt-0 mb-1">Napoleon Stacey</h4>
                                                                    <p class="mb-0">Napoleon@example.com</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <span>65%</span>
                                                            <div class="progress mt-1">
                                                                <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%;"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <span class="badge badge-danger">NEW</span>
                                                    </td>
                                                    <td>
                                                        <a href="#!" class="btn btn-icon btn-primary mr-1" data-toggle="tooltip" title="Edit"><i class="feather icon-edit-2"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-success mr-1" data-toggle="tooltip" title="Check"><i class="feather icon-check-square"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-danger mr-1" data-toggle="tooltip" title="Delete"><i class="feather icon-trash-2"></i></a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div>
                                                            <a data-toggle="tooltip" href="#" class="btn btn-linkedin btn-icon text-white" title="Linkedin">
                                                                <i class="mdi mdi-linkedin"></i>
                                                            </a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <div class="media align-items-center more-user-details">
                                                                <img src="assets/images/users/avatar-3.jpg" class=" rounded-circle ui-w-50 mr-3" alt="Avtar image">
                                                                <div class="media-body">
                                                                    <h4 class="mt-0 mb-1">Napoleon Stacey</h4>
                                                                    <p class="mb-0">Napoleon@example.com</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <span>45%</span>
                                                            <div class="progress mt-1">
                                                                <div class="progress-bar bg-primary" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 45%;"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <span class="badge badge-danger">NEW</span>
                                                    </td>
                                                    <td>
                                                        <a href="#!" class="btn btn-icon btn-primary mr-1" data-toggle="tooltip" title="Edit"><i class="feather icon-edit-2"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-success mr-1" data-toggle="tooltip" title="Check"><i class="feather icon-check-square"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-danger mr-1" data-toggle="tooltip" title="Delete"><i class="feather icon-trash-2"></i></a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div>
                                                            <a data-toggle="tooltip" href="#" class="btn btn-googleplus btn-icon text-white" title="Google plus">
                                                                <i class="mdi mdi-google-plus"></i>
                                                            </a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <div class="media align-items-center more-user-details">
                                                                <img src="assets/images/users/avatar-4.jpg" class=" rounded-circle ui-w-50 mr-3" alt="Avtar image">
                                                                <div class="media-body">
                                                                    <h4 class="mt-0 mb-1">Alex William</h4>
                                                                    <p class="mb-0">Alex@example.com</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <span>75%</span>
                                                            <div class="progress mt-1">
                                                                <div class="progress-bar bg-success" role="progressbar" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <span class="badge badge-warning">Pending</span>
                                                    </td>
                                                    <td>
                                                        <a href="#!" class="btn btn-icon btn-primary mr-1" data-toggle="tooltip" title="Edit"><i class="feather icon-edit-2"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-success mr-1" data-toggle="tooltip" title="Check"><i class="feather icon-check-square"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-danger mr-1" data-toggle="tooltip" title="Delete"><i class="feather icon-trash-2"></i></a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div>
                                                            <a data-toggle="tooltip" href="#" class="btn btn-behance btn-icon text-white" title="Behance">
                                                                <i class="mdi mdi-behance"></i>
                                                            </a>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <div class="media align-items-center more-user-details">
                                                                <img src="assets/images/users/avatar-5.jpg" class=" rounded-circle ui-w-50 mr-3" alt="Avtar image">
                                                                <div class="media-body">
                                                                    <h4 class="mt-0 mb-1">Napoleon Stacey</h4>
                                                                    <p class="mb-0">Napoleon@example.com</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div>
                                                            <span>65%</span>
                                                            <div class="progress mt-1">
                                                                <div class="progress-bar bg-warning" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%;"></div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <span class="badge badge-danger">NEW</span>
                                                    </td>
                                                    <td>
                                                        <a href="#!" class="btn btn-icon btn-primary mr-1" data-toggle="tooltip" title="Edit"><i class="feather icon-edit-2"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-success mr-1" data-toggle="tooltip" title="Check"><i class="feather icon-check-square"></i></a>
                                                        <a href="#!" class="btn btn-icon btn-danger mr-1" data-toggle="tooltip" title="Delete"><i class="feather icon-trash-2"></i></a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div> <!-- container -->

            </div> <!-- content -->

            <!-- ============================================================= -->
            <!-- ===============    footer content start  ================= -->
            <!-- ============================================================= -->

            <footer class="footer">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                            © Shimba - by Beethemesdesign
                        </div>
                        <div class="col-md-6">
                            <div class="text-md-right footer-links d-none d-md-block">
                                <a href="javascript: void(0);">Buy Now</a>
                                <a href="http://www.bootstrapmb.com/">Rate us</a>
                               
                            </div>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- ============================================================= -->
            <!-- ===============    footer content start  ================= -->
            <!-- ============================================================= -->


        </div>

        <!-- ============================================================== -->
        <!-- End Page content -->
        <!-- ============================================================== -->


    </div>
    <!-- END wrapper -->





    <!-- Required js -->
    <script src="assets/js/app.js"></script>


    <!-- third party js -->
    <script src="assets/js/vendor/Chart.bundle.min.js"></script>
    <script src="assets/js/vendor/jquery-jvectormap-1.2.2.min.js"></script>
    <script src="assets/js/vendor/jquery-jvectormap-world-mill-en.js"></script>
    <!-- third party js ends -->

    <!-- third party:js -->
    <script src="assets/js/vendor/apexcharts.min.js"></script>

    <!-- demo app -->
    <script src="assets/js/demo/demo.dashboard.js"></script>
    <!-- end demo js-->


</body>

</html>
